import React from 'react'
import { Panel } from 'react-weui';
import Slider from 'react-slick'

export default class PicShow extends React.Component {
	constructor(props) {
		super(props)
		this.state = {
			pic: 'i am winner'
		}
	}
	render() {
		const settings = {
			  dotsClass: 'slick-dots slick-thumb',
		      dots: true,
		      infinite: true,
		      slidesToShow: 1,
		      slidesToScroll: 1,
		      autoplay: true,
		      autoplaySpeed: 2000
		    };
		return (
			<Panel>
		        <Slider {...settings}>
		          <div><img src='http://img.china-ef.com/news/201503/24/2015032401505063.jpg' style={{ width: '100%'}}/></div>
		          <div><img src='http://img.china-ef.com/news/201503/24/2015032401505063.jpg' style={{ width: '100%'}}/></div>
		          <div><img src='http://img.china-ef.com/news/201503/24/2015032401505063.jpg' style={{ width: '100%'}}/></div>
		          <div><img src='http://img.china-ef.com/news/201503/24/2015032401505063.jpg' style={{ width: '100%'}}/></div>
		          <div><img src='http://img.china-ef.com/news/201503/24/2015032401505063.jpg' style={{ width: '100%'}}/></div>
		          <div><img src='http://img.china-ef.com/news/201503/24/2015032401505063.jpg' style={{ width: '100%'}}/></div>
		        </Slider>
			</Panel>
		)
	}
}
